<template>
  <div class="home">
    <img alt="Vue logo" src="../assets/logo.png" />
    <HelloWorld msg="Welcome to Your Vue.js App" />
<div id="main">1111111111111111</div>
  </div>
</template>

<script>
// import '@/assets/less/base.less'
// @ is an alias to /src
import HelloWorld from "@/components/HelloWorld.vue";
import * as echarts from 'echarts';

export default {
  name: "Home",
  components: {
    HelloWorld,
  },
  created(){

  },
  mounted(){
      this.myChartInit()
      this.getPageData()
    
  },
  methods:{
    //学生疫情柱形图
    myChartInit(){
        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('main'));
        // 绘制图表
        myChart.setOption({
          title: {
            text: 'ECharts 入门示例'
          },
          tooltip: {},
          xAxis: {
            data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子']
          },
          yAxis: {},
          series: [
            {
              name: '销量',
              type: 'bar',
              data: [5, 20, 36, 10, 10, 20]
            }
          ]
        });
    },
    getPageData(){
      console.log("11111111111111111")
    }
  }
};
</script>


<style lang="less">

#main{
  width:500px;
  height:300px;
}
</style>